<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title>Demo Navigasi Bar dengan social network dan search box</title>
  <style type="text/css">
  #tempatblogging1nav{border:none 5px #000000;
-moz-border-radius-topleft: 15px;-moz-border-radius-topright:14px;-moz-border-radius-bottomleft:14px;-moz-border-radius-bottomright:14px;-webkit-border-top-left-radius:15px;-webkit-border-top-right-radius:14px;-webkit-border-bottom-left-radius:14px;-webkit-border-bottom-right-radius:14px;
border-top-left-radius:15px;border-top-right-radius:14px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;-moz-box-shadow: 2px 3px 5px #000000;-webkit-box-shadow: 2px 3px 5px #000000;box-shadow: 2px 3px 5px #000000;
        width:900px;   
 margin: 0 0 0 0px;
 padding: 12px 0 8px 0;
 clear: both; 
 background: #696969 left bottom no-repeat; 
}

#tempatblogging1nav .catList{
 padding: 4px 0 0 35px;
 float: left;
    margin-top:-3px; 
}

#tempatblogging1nav .pageList{
 padding: 8px 0px 0 0;
 float: right; 
}

#tempatblogging1nav ul li{
 float: left;
 margin: 0 18px 0 0 ;
}

#tempatblogging1nav a{
 color: #fff;
    list-style:none;
    text-decoration: none;
    
}

#tempatblogging1nav a:hover{
 color: #919191;
}

#tempatblogging1nav li {
list-style:none;
text-decoration:none;
}

#search{
 margin: -2px 20px 0 0;
 float: right;  
}

#updatesBox { 
 
 margin-left: 100px; 
}
</style>
  </head>
  <body>
  
  <div class="clearfix" id="tempatblogging1nav">
<ul class="catList">
<li class="cat-item cat-item-5"><a href="#">Home</a></li>
<li class="cat-item cat-item-3"><a href="#">Downloads</a></li>
<li class="cat-item cat-item-6"><a href="#">Tools</a></li>
<li class="cat-item cat-item-4"><a href="#">Css3</a></li>
<li class="cat-item cat-item-4"><a href="#">HTML</a></li>
<li class="cat-item cat-item-4"><a href="#">Tips</a></li>
<li class="cat-item cat-item-31"><a href="#">About</a></li>
<li class="cat-item cat-item-11"><a href="#">Contact Us</a></li>
</ul>
<div id="search">
<form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
<div>
<input name="cx" type="hidden" value="004972222991511809341:kobh4_l5t3m" />
<input name="ie" type="hidden" value="ISO-8859-1" />
<input class="googleSearchField" name="q" size="20" style="background-color: white; background-image: url(http://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif); background-position: 0% 50%; background-repeat: no-repeat no-repeat; border: 1px solid rgb(126, 157, 185); padding: 2px;" type="text" />
<input class="button" name="sa" type="submit" value="Search" /></div>
<input name="siteurl" type="hidden" value="bloggertrix.com/" /><input name="ref" type="hidden" value="" /><input name="ss" type="hidden" value="" /></form>
<script src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en" type="text/javascript"></script>
    </div>
<div id="updatesBox">
<a alt="Subscribe to RSS" class="updatesIcon" href="http://feeds.feedburner.com/bloggertrix" target="_blank" title="Subscribe to RSS" style="margin-left: 80px;"><img src="http://2.bp.blogspot.com/-iRYvrQpas4E/UacS9R6gOAI/AAAAAAAAAk0/lRxT1hf8nFE/s1600/tempatblogging_RSS-icon.png" style=""></a>
<a alt="Follow Us" class="updatesIcon" href="http://twitter.com/bloggertrix" target="_blank" title="Follow Us"><img src="http://2.bp.blogspot.com/-T1BVHhy333A/UacS9QEmW0I/AAAAAAAAAk8/mr7iCzFgKkE/s1600/tempatblogging-twitter-icon.png" /></a>
<a alt="Become a Fan" class="updatesIcon" href="http://www.facebook.com/bloggertrix" target="_blank" title="Become a Fan"><img src="http://1.bp.blogspot.com/-VPaDm54iQAo/UacS9Wdw4mI/AAAAAAAAAk4/THLdyrwGBpM/s1600/tempatblogging-facebook-icon.png" /></a></div>
</div>

  </body>
</html>
